Review: Create wireframes by drawing a favorite app 回顧：透過繪製你喜歡的應用來建立線框圖
為什麼練習畫線框圖？
- 幫助你理解產品的基本結構。
- 確保所有必需的元素都包括在內，且沒有遺漏或放錯位置。
- 是展示你規劃能力的有力證據，適合放入UX 作品集中。
倒推練習法：以 YouTube App 為例
設計師透過觀察 YouTube 的首頁，手繪了一個線框圖。這個方法叫作 倒推設計（reverse engineering），是新手練習線框圖非常常見且有效的方法。
1 繪製手機外框
- 畫一個大長方形表示手機螢幕。
- 不需要精準比例，但要足夠容納主要內容。
2 新增關鍵元素
- 頂部欄：新增 logo 和選單按鈕（用矩形/圓形）。
- 影片縮圖：用帶 “X” 的正方形表示。
- 標題和描述文字：用橫線代替。
- 按鈕或操作圖示：用矩形或圓形表示。
遵守行業標準（Industry Standards）：
| 元素型別 | 線框圖表示方法 |
|---|---|
| 正文文字 | 橫線 |
| 圖片/圖示 | 畫一個帶 “X” 的正方形或圓形 |
| 操作按鈕（CTA） | 用矩形或圓形表示 |
| 標題/標籤 | 可以寫文字或用橫線代替 |
完成後進行整體評估（Holistic Assessment）：
自我提問來檢查線框圖質量：
- 所有頁面關鍵元素是否都包含在螢幕框內？
- 是否準確還原了介面的大致佈局？
- 是否遵守了線框圖繪製的行業標準？
如果三項答案都是“是”，那麼你的線框圖是成功的！
關鍵收穫
- 倒推練習是提升線框圖技能的有效方法。
- 線框圖越清晰、結構越合理，越適合用於作品集展示。
- 每次完成線框圖後，做一個整體評估，確保比例合適、佈局合理。